@charset "utf-8";
/* CSS Document */

.content{
    width: 100%;
    height: auto;
    margin: .1rem auto;
    border-top: 8px solid #e9efef;
}

.content ul li{
	padding: 0.2rem;
	border-bottom: 2px solid #f3f3f4;
}
.content ul li:first-child{
	border-left: 5px solid #fb7a2f;
	padding: 0.2rem;
}
.content ul li:first-child span{
	font-size: 0.35rem;
	font-weight: bold;
}
.content ul li:first-child input{
	display: block;
	float: right;
	color: #FFFFFF;
	background-color: #AAAAAA;
	padding: 0.1rem 0.2rem;
	border: none;
	font-size: 0.2rem;
}
.content ul li a{
	position: relative;
}
.content ul li a .headImg{
	float: left;
	height: 2.0rem;
	width: 2.0rem;
	border-radius: 50%;
}
.content ul li a .vip{
	height: 0.4rem;;
	position: absolute;
	left: -0.32rem;
	top: 1.5rem;
}
.center-box{
	float: left;
	margin-left: 0.2rem;
	width: 50%;
}
.center-box h3{
	font-weight: bold;
	font-size: 0.30rem;
	color: #3b3b41;
	margin-top: 0.15rem;
}
.center-box p{
	font-size: 0.25rem;
	color: #767676;
	font-weight: bold;
	margin-top: 0.1rem;
}
.center-box p:last-child{
	font-size: 0.18rem;
	color: #b5b5b5;
	font-weight: normal;
}
.center-box p:last-child span{
	width: 0.6rem;
	display: inline-block;
	color: #FFFFFF;
	font-size: 0.16rem;
	padding: 0.02rem 0.05rem;
	border-radius: 0.05rem;
	margin-right: 0.1rem;;
}
.center-box p:last-child span.sended{
	background-color: #75b6ed;
}
.center-box p:last-child span.readed{
	background-color: #fb7a2f;
}
.right-box{
	float: right;
	text-align: center;
	display: block;
	color: #acacae;
	margin-top: 0.15rem;
}
